<template>
	<header class="clearfix">
		<div class="hleft fl">
			<slot name="left"></slot>
		</div>
		<span class="middle"> {{ title }}</span>
		<div class="hright fr">
			<slot name="right"></slot>
		</div>
	</header>
</template>

<script>
export default {
  props: ['title']
}
</script>

<style>
	header {
	  height: 0.43rem;
	  width: 100%;
	  box-sizing: border-box;
	  background: #f29004;
	  position: fixed;
	  top: 0;
	  left: 0;
	  padding: 0 0.1rem;
	  font-size: 0.17rem;
	  line-height: 0.43rem;
	  color: white;
	  z-index: 99;
	}
	header .middle {
	  text-align: center;
	  position: absolute;
	  left: 50%;
	  transform: translateX(-50%);
	}
	header .iconfont {
	  font-size: 0.22rem;
	}
</style>